﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ImageSlideShow.aspx.cs" Inherits="ASPNETVN.PORTAL.Modules.ADVERTISEMENT.SlideShow2.ImageSlideShow" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/javascript" src='js/ImageSlideshow4.js'></script>

    <style type="text/css">
        body
        {
            margin:0px;
        }
        .imageSlideshowHolder
        {
            margin: 0px;
            float: left; /* Floating gallery at the right side of other web page content */
            width: 180px; /* Image width */
            height: 180px; /* Image height */
            position: relative; /* Don't remove this line */
        }
        .imageSlideshowHolder img
        {
            position: absolute;
            left: 0px;
            top: 0px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="imageSlideshowHolder" id="imageSlideshowHolder">
        <asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                <asp:HyperLink ID="link" runat="server" NavigateUrl='<%# Bind("Url") %>'>
                    <asp:Image ID="Image1" runat="server" Width='<%# Convert.ToInt32(Eval("Width")) %>' Height='<%# Convert.ToInt32(Eval("Height")) %>' ImageUrl='<%# Bind("ImageUrl") %>' />
                </asp:HyperLink>
            </ItemTemplate>
        </asp:Repeater>
    </div>
    </form>
</body>
</html>
<script type="text/javascript" language="javascript">
    initImageGallery('imageSlideshowHolder');    
</script>
